import loading_url from '@/assets/loading.svg'
// 使用 css module
import styles from './loading.module.less'

function create_img() {
    const img = document.createElement('img')
    img.className = styles.loading
    img.src = loading_url
    return img
}
// el 绑定指令的 dom 元素     binding 绑定参数
export default function (el, binding) {
    // 查询 el 中的 img，类名通过 hash 变化，基本可以确定为同一个 img 元素
    const img = el.querySelector(`img.${styles.loading}`)
    if (binding.value) {    // 判断是否绑定
        if (!img) {
            el.appendChild(create_img())
        }
    } else {
        img?.remove()
    }
}